@extends('layout.home.index')

@section('css')
	
	<link href="/home/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />
	<link href="/home/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
	<link href="/home/basic/css/demo.css" rel="stylesheet" type="text/css" />
	<link type="text/css" href="/home/css/optstyle.css" rel="stylesheet" />
	<link type="text/css" href="/home/css/style.css" rel="stylesheet" />

	<script type="text/javascript" src="/home/basic/js/jquery-1.7.min.js"></script>
	<script type="text/javascript" src="/home/basic/js/quick_links.js"></script>

	<script type="text/javascript" src="/home/AmazeUI-2.4.2/assets/js/amazeui.js"></script>
	<script type="text/javascript" src="/home/js/jquery.imagezoom.min.js"></script>
	<script type="text/javascript" src="/home/js/jquery.flexslider.js"></script>
	<script type="text/javascript" src="/home/js/list.js"></script>
@endsection


@section('content')

	<!-- 商品详情主体部分 -->
	<div class="listMain">
		<!-- 商品详情导航 -->
		<ol class="am-breadcrumb am-breadcrumb-slash">
			<li><a href="#">首页</a></li>
			<li><a href="#">分类</a></li>
			<li class="am-active">内容</li>
		</ol>
		<!-- 商品详情导航结束 -->
		<script type="text/javascript">
			$(function() {});
			$(window).load(function() {
				$('.flexslider').flexslider({
					animation: "slide",
					start: function(slider) {
						$('body').removeClass('loading');
					}
				});
			});
		</script>
		<div class="scoll">
			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<img src="images/01.jpg" title="pic" />
						</li>
						<li>
							<img src="images/02.jpg" />
						</li>
						<li>
							<img src="images/03.jpg" />
						</li>
					</ul>
				</div>
			</section>
		</div>

		

		<div class="item-inform">
			<div class="clearfixLeft" id="clearcontent">
				<!--放大镜-->
				<div class="box">
					<script type="text/javascript">
						$(document).ready(function() {
							$(".jqzoom").imagezoom();
							$("#thumblist li a").click(function() {
								$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
								$(".jqzoom").attr('src', $(this).find("img").attr("mid"));
								$(".jqzoom").attr('rel', $(this).find("img").attr("big"));
							});
						});
					</script>

					<div class="tb-booth tb-pic tb-s310">
						<a href="images/01.jpg"><img src="/images/admin/goods_pic/{{ $goods['goods_datalist_pic1'] }}" alt="细节展示放大镜特效" rel="/images/admin/goods_pic/{{ $goods['goods_datalist_pic1'] }}" class="jqzoom" /></a>
					</div>
					<ul class="tb-thumb" id="thumblist">
						<li class="tb-selected">
							<div class="tb-pic tb-s40">
								<a href="#"><img src="/images/admin/goods_pic/{{ $goods['goods_datalist_pic2'] }}" mid="/images/admin/goods_pic/{{ $goods['goods_datalist_pic2'] }}" big="/images/admin/goods_pic/{{ $goods['goods_datalist_pic2'] }}"></a>
							</div>
						</li>
						<li>
							<div class="tb-pic tb-s40">
								<a href="#"><img src="/images/admin/goods_pic/{{ $goods['goods_datalist_pic3'] }}" mid="/images/admin/goods_pic/{{ $goods['goods_datalist_pic3'] }}" big="/images/admin/goods_pic/{{ $goods['goods_datalist_pic3'] }}"></a>
							</div>
						</li>
						<li>
							<div class="tb-pic tb-s40">
								<a href="#"><img src="/images/admin/goods_pic/{{ $goods['goods_datalist_pic4'] }}" mid="/images/admin/goods_pic/{{ $goods['goods_datalist_pic4'] }}" big="/images/admin/goods_pic/{{ $goods['goods_datalist_pic4'] }}"></a>
							</div>
						</li>
					</ul>
				</div>
				<!-- 放大镜结束 -->
				<div class="clear"></div>
			</div>
			<!-- 商品购买详情 -->
			<div class="clearfixRight">

				<!-- 规格属性 -->
				
				<!-- 商品名称 -->
				<div class="tb-detail-hd">
					<h1>	
				 		良品铺子 手剥松子218g 坚果炒货 巴西松子
		      		</h1>
				</div>
				<div class="tb-detail-list">
				<!-- 商品名称结束 -->	

					<!-- 价格 -->
					<div class="tb-detail-price">
						<li class="price iteminfo_price">
							<dt>促销价</dt>
							<dd><em>¥</em><b class="sys_item_price">56.90</b>  </dd>                                 
						</li>
						<li class="price iteminfo_mktprice">
							<dt>原价</dt>
							<dd><em>¥</em><b class="sys_item_mktprice">98.00</b></dd>									
						</li>
						<div class="clear"></div>
					</div>
					<!-- 价格结束 -->
					
					

					<div class="clear"></div>

					<!--销量-->
					<ul class="tm-ind-panel">
						
						<li class="tm-ind-item tm-ind-sumCount canClick">
							<div class="tm-indcon"><span class="tm-label">累计销量</span><span class="tm-count">6015</span></div>
						</li>
						<li class="tm-ind-item tm-ind-reviewCount canClick tm-line3">
							<div class="tm-indcon"><span class="tm-label">累计评价</span><span class="tm-count">640</span></div>
						</li>
					</ul>
					<!-- 销量结束 -->

					<div class="clear"></div>

					<!--各种规格-->
					<dl class="iteminfo_parameter sys_item_specpara">
						<dt class="theme-login"><div class="cart-title">可选规格<span class="am-icon-angle-right"></span></div></dt>
						<dd>
							<!--操作页面-->

							<div class="theme-popover-mask"></div>

							<div class="theme-popover">
								<div class="theme-span"></div>
								<div class="theme-poptit">
									<a href="javascript:;" title="关闭" class="close">×</a>
								</div>
								<div class="theme-popbod dform">
									<!-- 选择商品配置 -->
									<form class="theme-signin" name="loginform" action="" method="post">

										<div class="theme-signin-left">

											<div class="theme-options">
											<!-- 选择商品型号 -->
												<div class="cart-title">型号</div>
												<ul>
													@foreach($son as $key=>$value)
													<li class="sku-line config" id="{{ $value['id'] }}"  inventory="{{ $value['goods_inventory'] }}">{{ $value['goods_config_cpu_core'] }}&nbsp;{{ $value['goods_config_ram_size'] }}/{{ $value['goods_config_disk_size'] }}<i></i></li>
													@endforeach
													
												</ul>
											</div>
											<!-- 选择商品型号结束 -->

											<!-- 选择购买商品数量 -->
											<div class="theme-options">
												<div class="cart-title number">数量</div>
												<dd>
													<input id="min" class="am-btn am-btn-default" name="" type="button" value="-" />
													<input id="text_box" name="goods_count" class="goods_count" type="text" value="1" style="width:30px;" />
													<input id="add" class="am-btn am-btn-default" name="" type="button" value="+" />
												
													<!-- 显示库存 -->
													<span id="Stock" class="tb-hidden">库存<span class="stock inventory">1000</span>件</span>
													<!-- 显示库存 -->
												
												</dd>
											</div>
											<!-- 选择购买商品数量 -->

											<div class="clear"></div>

											<div class="btn-op">
												<div class="btn am-btn am-btn-warning">确认</div>
												<div class="btn close am-btn am-btn-warning">取消</div>
											</div>
										</div>
										<div class="theme-signin-right">
											<div class="img-info">
												<img src="images/songzi.jpg" />
											</div>
											<div class="text-info">
												<span class="J_Price price-now">¥39.00</span>
												<span id="Stock" class="tb-hidden">库存<span class="stock inventory">1000</span>件</span>
											</div>
										</div>

									</form>
									<!-- 选择商品配置结束 -->

								</div>
							</div>

						</dd>
					</dl>
					<div class="clear"></div>
					<!--活动	-->
					<div class="shopPromotion gold">
						<div class="hot">
							<dt class="tb-metatit">店铺优惠</dt>
							<div class="gold-list">
								<p>八折优惠<span><i class="am-icon-sort-down"></i></span></p>
							</div>
						</div>
						<div class="clear"></div>
						
					</div>
				</div>

				<div class="pay">
					<div class="pay-opt">
					<a href="home.html"><span class="am-icon-home am-icon-fw">首页</span></a>
					<a><span class="am-icon-heart am-icon-fw">收藏</span></a>
					
					</div>
					<li>
						<div class="clearfix tb-btn tb-btn-buy theme-login">
							<a id="LikBuy" title="点此按钮到下一步确认购买信息" href="#">立即购买</a>
						</div>
					</li>
					<li>
						<div class="clearfix tb-btn tb-btn-basket">
							<a id="LikBasket" title="加入购物车" href="javascript:void(0)" onclick="addCar({{ $goods['goods_id'] }})"><i></i>加入购物车</a>
						</div>
					</li>
				</div>

			</div>

			<div class="clear"></div>

		</div>

		<!--优惠套装-->
		<div class="match">
			<div class="match-title">优惠套装</div>
			<div class="match-comment">
				<ul class="like_list">
					<li>
						<div class="s_picBox">
							<a class="s_pic" href="#"><img src="images/cp.jpg"></a>
						</div> <a class="txt" target="_blank" href="#">萨拉米 1+1小鸡腿</a>
						<div class="info-box"> <span class="info-box-price">¥ 29.90</span> <span class="info-original-price">￥ 199.00</span> </div>
					</li>					
				</ul>
			</div>
		</div>
		<!-- 优惠套餐结束 -->

		<div class="clear"></div>
		
					
		<!-- 商品详情-->

		<div class="introduce">
		
		<!-- 商品左边栏 -->
			<div class="browse">
			    <div class="mc"> 
				     <ul>					    
				     	<div class="mt">            
				            <h2>看了又看</h2>        
			            </div>
							      
					      <li>
					      	<div class="p-img">                    
					      		<a  href="#"> <img class="" src="images/browse1.jpg"> </a>               
					      	</div>
					      	<div class="p-name"><a href="#">
					      		【三只松鼠_开口松子218g】零食坚果特产炒货东北红松子原味
					      	</a>
					      	</div>
					      	<div class="p-price"><strong>￥35.90</strong></div>
					      </li>							      
			      
				     </ul>					
			    </div>
			</div>
			<!-- 商品左边栏结束 -->

			<!-- 商品详情右边栏 -->
			<div class="introduceMain">
				
				<!-- 商品详情 -->
				<div class="am-tabs" data-am-tabs>

					<!-- 商品详情导航 -->
					<ul class="am-avg-sm-3 am-tabs-nav am-nav am-nav-tabs">
						<li class="am-active">
							<a href="#">

								<span class="index-needs-dt-txt">宝贝详情</span></a>

						</li>

						<li>
							<a href="#">

								<span class="index-needs-dt-txt">全部评价</span></a>

						</li>

						
					</ul>
					<!-- 商品详情导航结束 -->

					<div class="am-tabs-bd">
							
						<!-- 显示商品详情 -->	
						<div class="am-tab-panel am-fade am-in am-active">
							
							<!-- 显示商品规格 -->
							<div class="J_Brand">

								<div class="attr-list-hd tm-clear">
									<h4>产品参数：</h4></div>
								<div class="clear"></div>
								<ul id="J_AttrUL">
									<li title="">产品分类&nbsp;{{ $goods{'goods_name'} }}</li>
									<li title="">产品型号:&nbsp;{{ $goods['goods_model'] }}</li>
									<li title="">处理器品牌:&nbsp;{{ $goods['goods_config_cpu_brand'] }}</li>
									@if($goods['goods_config_cpu_series'] != '')
									<li title="">处理器系列:&nbsp;{{ $goods['goods_config_cpu_series'] }}</li>
									@endif
									<li title="">处理器型号:&nbsp;{{ $goods['goods_config_cpu_type'] }}</li>
									<li title="">处理器核心:&nbsp;{{ $goods['goods_config_cpu_core'] }}</li>
									<li title="">处理器频率:&nbsp;{{ $goods['goods_config_cpu_clock'] }}</li>
									@if($goods['goods_config_ram_brand'] != '')
									<li title="">内存品牌:&nbsp;{{ $goods['goods_config_ram_brand'] }}</li>
									@endif
									<li title="">运行内存:&nbsp;{{ $goods['goods_config_ram_size'] }}</li>
									@if($goods['goods_config_ram_ddr'] != '')
									<li title="">内存代数:&nbsp;{{ $goods['goods_config_ram_ddr'] }}</li>
									<li title="">储存技术品牌：&nbsp;{{ $goods['goods_config_disk_brand'] }}</li>
									@endif
									<li title="">储存大小:&nbsp;{{ $goods['goods_config_disk_size'] }}&nbsp;@if($goods['goods_config_disk_kind'] != '') {{ $goods['goods_config_disk_kind'] }} @endif</li>
									@if($goods['goods_config_mainborad_brand'] != '')
									<li title="">主板品牌:&nbsp;{{ $goods['goods_config_mainborad_brand'] }}</li>
									@endif
									@if($goods['goods_config_mainborad_type'] != '')
									<li title="">主板型号:&nbsp;{{ $goods['goods_config_mainborad_type'] }}</li>
									@endif
									@if($goods['goods_config_gpu_brand'] != '')
									<li title="">显卡品牌:&nbsp;{{ $goods['goods_config_gpu_brand'] }}</li>
									@endif
									@if($goods['goods_config_gpu_type'] != '')
									<li title="">显卡型号:&nbsp;{{ $goods['goods_config_gpu_type'] }}</li>
									@endif
									@if($goods['goods_config_gpu_ddr'] != '')
									<li title="">显存代数:&nbsp;{{ $goods['goods_config_gpu_ddr'] }}</li>
									@endif
									@if($goods['goods_config_gpu_size'] != '')
									<li title="">显存大小:&nbsp;{{ $goods['goods_config_gpu_size'] }}</li>
									@endif
									<li title="">是否支持指纹:&nbsp; @if($goods['goods_config_other_finger'] == 1) 不支持 @elseif($goods['goods_config_other_finger'] == 2) 前置 @else 后置 @endif</li>
									
								</ul>
								<div class="clear"></div>
							</div>
							<!-- 显示商品规格结束 -->
							
							<!-- 商品细节 -->
							<div class="details">
								<div class="attr-list-hd after-market-hd">
									<h4>商品细节</h4>
								</div>
								<div class="twlistNews">
									<img src="images/tw1.jpg" />
									{!! $goods['datalist'] !!}
								</div>
							</div>
							<!-- 商品细节结束 -->

							<div class="clear"></div>
						</div>
						<!-- 显示商品详情结束 -->

						<!-- 显示商品评论 -->
						<div class="am-tab-panel am-fade">
							
							<!-- 商品好评度及买家印象 -->
                            <div class="actor-new">
                            	<div class="rate">                
                            		<strong>100<span>%</span></strong><br> <span>好评度</span>            
                            	</div>

                            	<!-- 买家印象 -->
                                <dl>                    
                                    <dt>买家印象</dt>                    
                                    <dd class="p-bfc">
                                    			<q class="comm-tags"><span>味道不错</span><em>(2177)</em></q>
                                    			<q class="comm-tags"><span>颗粒饱满</span><em>(1860)</em></q>
                                    			<q class="comm-tags"><span>口感好</span><em>(1823)</em></q>
                                    			<q class="comm-tags"><span>商品不错</span><em>(1689)</em></q>
                                    			<q class="comm-tags"><span>香脆可口</span><em>(1488)</em></q>
                                    			<q class="comm-tags"><span>个个开口</span><em>(1392)</em></q>
                                    			<q class="comm-tags"><span>价格便宜</span><em>(1119)</em></q>
                                    			<q class="comm-tags"><span>特价买的</span><em>(865)</em></q>
                                    			<q class="comm-tags"><span>皮很薄</span><em>(831)</em></q> 
                                    </dd>                                           
                                 </dl> 
								<!-- 买家印象结束 -->
							</div>
                            <!-- 商品好评度及买家印象 -->

                            <div class="clear"></div>


							<div class="tb-r-filter-bar">
								<ul class=" tb-taglist am-avg-sm-4">
									<li class="tb-taglist-li tb-taglist-li-current">
										<div class="comment-info">
											<span>全部评价</span>
											<span class="tb-tbcr-num">(32)</span>
										</div>
									</li>

									<li class="tb-taglist-li tb-taglist-li-1">
										<div class="comment-info">
											<span>好评</span>
											<span class="tb-tbcr-num">(32)</span>
										</div>
									</li>

									<li class="tb-taglist-li tb-taglist-li-0">
										<div class="comment-info">
											<span>中评</span>
											<span class="tb-tbcr-num">(32)</span>
										</div>
									</li>

									<li class="tb-taglist-li tb-taglist-li--1">
										<div class="comment-info">
											<span>差评</span>
											<span class="tb-tbcr-num">(32)</span>
										</div>
									</li>
								</ul>
							</div>
							<div class="clear"></div>
							
							<ul class="am-comments-list am-comments-list-flip">
								<li class="am-comment">
									<!-- 评论容器 -->
									<a href="">
										<img class="am-comment-avatar" src="images/hwbn40x40.jpg" />
										<!-- 评论者头像 -->
									</a>
										<!-- 评论内容容器 -->
									<div class="am-comment-main">
										
										<header class="am-comment-hd">
											<!--<h3 class="am-comment-title">评论标题</h3>-->

											<div class="am-comment-meta">
												<!-- 评论元数据 -->
												<!-- 评论者 -->
												<a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a>
												评论于
												<time datetime="">2015年11月02日 17:46</time>
											</div>
										</header>

										<div class="am-comment-bd">
											<div class="tb-rev-item " data-id="255776406962">
												<!-- 评论内容 -->
												<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
													摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！
												</div>
												<!-- 评论内容 -->

												<!-- 显示商品配置 -->
												<div class="tb-r-act-bar">
													颜色分类：柠檬黄&nbsp;&nbsp;尺码：S
												</div>
												<!-- 显示商品配置结束 -->
											</div>

										</div>
										<!-- 评论容器 -->
									</div>
								</li>
							</ul>
							<!-- 商品评论结束 -->

							<div class="clear"></div>

							<!-- 分页 -->
							<ul class="am-pagination am-pagination-right">
								<li class="am-disabled"><a href="#">&laquo;</a></li>
								<li class="am-active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#">&raquo;</a></li>
							</ul>
							<!-- 分页结束 -->

							<div class="clear"></div>

							<div class="tb-reviewsft">
								<div class="tb-rate-alert type-attention">购买前请查看该商品的 <a href="#" target="_blank">购物保障</a>，明确您的售后保障权益。</div>
							</div>

						</div>						

					</div>

				</div>
				
				<div class="clear"></div>

				
			</div>
			<!-- 商品详情右边栏结束 -->

		</div>
	</div>
	<!-- 商品详情主体部分结束 -->
	<!--菜单 -->
	<div class=tip>
		<div id="sidebar">
			<div id="wrap">
				<div id="prof" class="item">
					<a href="#">
						<span class="setting"></span>
					</a>
					<div class="ibar_login_box status_login">
						<div class="avatar_box">
							<p class="avatar_imgbox"><img src="images/no-img_mid_.jpg" /></p>
							<ul class="user_info">
								<li>用户名：sl1903</li>
								<li>级&nbsp;别：普通会员</li>
							</ul>
						</div>
						<div class="login_btnbox">
							<a href="#" class="login_order">我的订单</a>
							<a href="#" class="login_favorite">我的收藏</a>
						</div>
						<i class="icon_arrow_white"></i>
					</div>

				</div>
				<div id="shopCart" class="item">
					<a href="#">
						<span class="message"></span>
					</a>
					<p>
						购物车
					</p>
					<p class="cart_num">0</p>
				</div>
				<div id="asset" class="item">
					<a href="#">
						<span class="view"></span>
					</a>
					<div class="mp_tooltip">
						我的资产
						<i class="icon_arrow_right_black"></i>
					</div>
				</div>

				<div id="foot" class="item">
					<a href="#">
						<span class="zuji"></span>
					</a>
					<div class="mp_tooltip">
						我的足迹
						<i class="icon_arrow_right_black"></i>
					</div>
				</div>

				<div id="brand" class="item">
					<a href="#">
						<span class="wdsc"><img src="images/wdsc.png" /></span>
					</a>
					<div class="mp_tooltip">
						我的收藏
						<i class="icon_arrow_right_black"></i>
					</div>
				</div>

				<div id="broadcast" class="item">
					<a href="#">
						<span class="chongzhi"><img src="images/chongzhi.png" /></span>
					</a>
					<div class="mp_tooltip">
						我要充值
						<i class="icon_arrow_right_black"></i>
					</div>
				</div>

				<div class="quick_toggle">
					<li class="qtitem">
						<a href="#"><span class="kfzx"></span></a>
						<div class="mp_tooltip">客服中心<i class="icon_arrow_right_black"></i></div>
					</li>
					<!--二维码 -->
					<li class="qtitem">
						<a href="#none"><span class="mpbtn_qrcode"></span></a>
						<div class="mp_qrcode" style="display:none;"><img src="images/weixin_code_145.png" /><i class="icon_arrow_white"></i></div>
					</li>
					<li class="qtitem">
						<a href="#top" class="return_top"><span class="top"></span></a>
					</li>
				</div>

				<!--回到顶部 -->
				<div id="quick_links_pop" class="quick_links_pop hide"></div>

			</div>

		</div>
		<div id="prof-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>
				我
			</div>
		</div>
		<div id="shopCart-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>
				购物车
			</div>
		</div>
		<div id="asset-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>
				资产
			</div>

			<div class="ia-head-list">
				<a href="#" target="_blank" class="pl">
					<div class="num">0</div>
					<div class="text">优惠券</div>
				</a>
				<a href="#" target="_blank" class="pl">
					<div class="num">0</div>
					<div class="text">红包</div>
				</a>
				<a href="#" target="_blank" class="pl money">
					<div class="num">￥0</div>
					<div class="text">余额</div>
				</a>
			</div>

		</div>
		<div id="foot-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>
				足迹
			</div>
		</div>
		<div id="brand-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>
				收藏
			</div>
		</div>
		<div id="broadcast-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>
				充值
			</div>
		</div>
	</div>
	<!-- 菜单结束 -->
	
	<script>
		function addCar(goods_id,config_id) {
			// 获取用户选择加入购物车的商品数量
			var goods_count = $('.goods_count').val();
			var config = $('.selected').attr('id');
			// 进行ajax传值,将商品id,商品数量,以及商品配置id传给后端PHP处理
			$.get('/shopCar/shopcar',{'goods_id':goods_id,'config_id':config,'goods_count':goods_count},function(msg) {
				
			},'html');
		}
<<<<<<< HEAD
		$('.config').click(function(){
			var inventory = $(this).attr('inventory');
			$('.inventory').text(inventory);
		});
=======
		
>>>>>>> b1990139fd74a207cbbfdc7c165186e9f38d0e5d

	</script>


@endsection